<template>
    <div>
      <div class="icon-selector" :class="{'selector-active': isChecked}" >
        <img src="~/assets/img/cart/tick.svg" alt="">
      </div>
    </div>
</template>

<script>
export default {
    name:"CheckButton",
    props:{
        isChecked:{
            type:Boolean,
            default:false
        }
    }
}
</script>

<style scoped>
    .icon-selector{
       
        border-radius: 50%;
        border:2px solid #aaa
    }
    .selector-active{
        background-color: red;
        border-color: red;
    }
</style>